<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:insert="common/person-pc/header::personHeadBar('我的信息',~{})">
<body class="centre" style="">
<!-- 头部 -->
<!-- 头部信息 -->
<div th:insert="common/person-pc/top::personTopBar(${resCategoryModel})"/>

<div class="ey-body-bg">
    <div class="ey-body">
        <div class="ey-container w1200">
            <div th:insert="common/person-pc/right::rightBar(${show})"/>
            <!-- 中部 -->
            <div class="ey-con fr">
                <div class="el-main main-bg">
                    <div class="column-title mb20">
                        <div class="column-name">个人信息</div>
                    </div>
                    <div class="user-info">
                        <div class="face fl">
                            <div tabindex="0" class="el-upload el-upload--text" onclick="$('#ey_head_pic').trigger('click');">
                                <img id="ey_head_pic_a" class="img-fluid rounded-circle" th:src="${resUser?.userImg}">
                                <span title="编辑头像" class="el-icon-edit-outline"></span>
                            </div>
                            <input type="file" name="ey_head_pic" id="ey_head_pic"  onchange="upload_head_pic(this)" style="display: none;">
                        </div>
                        <div class="info fr">
                            <div class="item-from-row">
                                <div class="from-row-l">用户名：</div>
                                <div class="from-row-r" th:text="${resUser?.userName}"></div>
                            </div>
                            <form name="theForm" id="theForm">
                                <div class="item-from-row">
                                    <div class="from-row-l">
                                        修改密码：
                                    </div>
                                    <div class="from-row-r">
                                        <input type="text" name="password" id="password_edit" autocomplete="off" class="el-input__inner w300" placeholder="留空时默认不修改密码">
                                    </div>
                                </div>
                                <div class="item-from-row">
                                    <div class="from-row-l">会员等级：</div>
                                    <div class="from-row-r" th:text="${resUser?.displayDesc}">普通会员</div>
                                </div>
                                <!-- 邮箱文本框 start -->
                                <div class="item-from-row">
                                    <div class="from-row-l">邮箱地址：</div>
                                    <div class="from-row-r">[[${resUser?.email}]]
                                        <span class="err"> <a href="JavaScript:void(0);"  onclick="updateEmail('绑定邮箱');">（更改邮箱）</a></span>
                                        <p class="notic"></p>
                                    </div>
                                </div>
                                <script type="text/javascript">
                                    function updateEmail(title) {
                                        var url = "/person/editEmail.html";
                                        layer.open({
                                            type: 2,
                                            title: title,
                                            shadeClose: false,
                                            maxmin: false, //开启最大化最小化按钮
                                            area: ['350px', '300px'],
                                            content: url
                                        });
                                    }
                                </script>
                                <!-- 邮箱文本框 end -->
                                <!-- 结束 -->
                                <div class="item-from-row">
                                    <div class="from-row-l">
                                        &nbsp;
                                    </div>
                                    <div class="from-row-r">
                                        <input type="button" onclick="UpdateUsersData();" class="el-button el-button--primary el-button--medium" value="保存资料">
                                    </div>
                                </div>
                            </form>

                        </div>
                    </div>

                </div>
            </div>
            <!-- 中部结束 -->
        </div>
    </div>
</div>

<!-- 底部 -->
<div class="ey-footer">
    <footer class="container">
        <p>Copyright © 2012-2018 资源基地 版权所有</p>
    </footer>
</div>
</body>
</html>
